<template>
  <div class="iframe-container">
    <iframe
        src="https://www.doubao.com/chat/177248694915586"
        frameborder="0"
        width="100%"
        height="600px"
        allowfullscreen
    ></iframe>
  </div>
</template>

<script>
export default {
  name: 'AiServe'
}
</script>

<style scoped>
.iframe-container {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: auto;
}
iframe {
  display: block; /* Remove extra space below the iframe */
}
</style>